<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--[if lt IE 9]>
    <script src="../js/jquery-1.11.3.js"></script>
    
<![endif]-->
		<!--[if gte IE 9]><!-->
		<script src="../js/jquery-3.1.1.js"></script>
		<!--<![endif]-->
		<script type="text/javascript">
			function funwrap() {
				$("#d1p1").wrap("<div></div>");
				$("#d1p2").wrap("<div/>");
			}

			function funwrapall() {
				$("#div1 p").wrap("<b>");
			}

			function funwrapInner() {
				$("#div1 p").wrapInner("<h1>");
			}
		</script>
		<style type="text/css">
			div {
				border: 1px solid black;
				margin-top: 8px;
			}
		</style>
	</head>

	<body>
		<div id="div1">
			<h2>dom的 wrap</h2>
			<p id=d1p1>这是一个段落。</p>
			<p id=d1p2>这是一个段落。</p>
			<p id=d1p3>这是另一个段落。</p>
			<button onclick="funwrap()">给每个P元素包裹一个div元素</button>
			<button onclick="funwrapall()">给每个P元素包裹一个b元素</button>
			<button onclick="funwrapInner()">给每个P元素包裹一个h1元素</button>
		</div>

	
	</body>

</html>